<template>
    <div id="seat" @click="select"  style="float: left;margin-top: 10px">
        <div class="demo-image" >
            <div class="block" >
                <el-image
                style="width: 50px; height: 50px;cursor: pointer;"
                :src="status?url2:url"
                fit="contain"></el-image>
            </div>
        </div>
    </div>
</template>

<script>
  export default {
    name:"seat",
    data() {
      return {
        fits: "",
        url: 'https://rcdemo1.oss-cn-chengdu.aliyuncs.com/%E5%8F%AF%E9%80%89%E5%BA%A7%E4%BD%8D.png',
        url2:'https://rcdemo1.oss-cn-chengdu.aliyuncs.com/%E5%B7%B2%E9%80%89%E5%BA%A7%E4%BD%8D.png',
        status:false,
      }
    },
    methods:{
        select(){
            this.status = this.status?false:true;
        }
    }
  }
</script>